/**=====================
     09. Error-page  CSS Start
==========================**/
.error-wrapper {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 100vh;
    text-align: center;
    &.maintenance-bg {
      background-image: url(../images/other-images/maintenance-bg.jpg);
      background-color: rgba(255, 255, 255, 0.6);
      background-blend-mode: overlay;
    }
    .maintenance-icons{
      li{
        i{
          color: $semi-dark;
          font-size: 50px;
          animation: rotate-effect 40s infinite linear reverse;
        }
        &:nth-child(2){
          i{
            font-size: 100px;
            margin-left: 110px;
            margin-top: -25px;
            animation: rotate-effect 40s linear infinite reverse;
          }
        }
        &:nth-child(3){
          i{
            animation: rotate-effect 30s infinite linear;
            font-size: 150px;
            margin-top: -85px;
            margin-right: 120px;
          }
        }
      }
    }
    .maintenance-heading {
      margin-top: 70px;
      .headline {
        font-size: 99px;
        font-weight: 900;
        letter-spacing: 10px;
        color: var(--theme-deafult);
        z-index: 2;
        position: relative;
        margin-top: -70px;
      }
    }
    .error-heading {
      margin-top: 115px;
      .headline {
        font-size: 285px;
        font-weight: 700;
        letter-spacing: 1px;
        margin-top: -130px;
        color: #24695c;
      }
  
    }
    .sub-content {
      font-size: 18px;
      color: $theme-body-font-color;
      letter-spacing: 1px;
      font-weight: normal;
      line-height: 35px;
      z-index: 3;
      position: relative;
      margin-top: 30px;
      margin-bottom: 0;
    }
    .btn{
      margin-top: 40px;
    }
  .img-100 {
    width: 100px !important;
}
  }
  .error{
    margin: 70px 0 100px;
    color:$black;
    .error-title{
      font-size: 9.5rem;
      color:$white;
      text-shadow: 6px 6px 7px rgba(0, 0, 0, 0.32);
    }
    .line-bottom{
      width: 10%;
      height: 5px;
      background-color: $warning-color;
      border: none;
    }
    .c-white{
      color:$white;
    }
    .error-btn{
      text-align: center;
    }
    .padd{
      padding: 10px 30px 10px 30px;
    }
    .btn-back-home{
      background-color:$light-color;
      color:$black;
  
      &:hover{
        background-color:$warning-color;
        color:$white;
        box-shadow: 0 20px 35px 0 rgba(0, 0, 0, 0.21);
      }
    }
    .btn-adnc-serc{
      background-color:$dark-color;
      color:$white;
      &:hover{
        background-color:$warning-color;
        color:$white;
        box-shadow: 0 20px 35px 0 rgba(0, 0, 0, 0.21);
  
      }
    }
  }
  .btn-primary {
    background-color: #24695c !important;
    border-color: #24695c !important;
    padding: 0.375rem 1.75rem;
    font-weight: 600;
    text-decoration: none;
}
.btn-lg{
    font-size: 18px;
}
.link{
    margin-top: 30px;
}


  /**=====================
       09. Error-page CSS Ends
  ==========================**/
  
  